body {
background : url("../images/bg_texture.jpg") top left repeat #eff3f6;
}
#wrapper {
top : 50%;
margin-top : 4%;
overflow : visible;
}
.box {
background : #fefefe;
border : #C3D4DB solid 1px;
border-top : 1px;
border-radius : 5px;
box-shadow : 0 0 1px rgba(0, 0, 0, 0.15);
color : #444;
font : normal normal 12px/14px Arial, Helvetica, Sans-serif;
overflow : hidden;
margin-left : auto;
margin-right : auto;
}
.box.login {
height : 242px;
width : 332px;
}
.box.verify {
width : 70%;
}
.login.logo a {
margin-left : auto;
margin-right : auto;
display : block;
background : url("../images/uwika_lengkap.png") no-repeat;
height : 134px;
width : 500px;
}
.boxBody {
background : #fefefe;
border-top : 1px solid #dde0e8;
border-bottom : 1px solid #dde0e8;
padding : 10px 20px;
}
.box.verify .boxBody {
padding : 0;
}
.box footer {
background : #eff4f6;
border-top : 1px solid #fff;
padding : 22px 26px;
overflow : hidden;
height : 32px;
}
.box label {
display : block;
font : 13px/14px Arial, Helvetica, Sans-serif;
margin : 10px 0 0 6px;
}
.box footer label {
float : left;
margin : 4px 0 0;
}
.box.verify h4 {
line-height : 120%;
font-size : 14px;
letter-spacing : 1px;
padding : 2% 5%;
}
.box input[type="text"], .box input[type="password"], .txtField, .cjComboBox {
border : #F7F9FA solid 6px;
border-radius : 3px;
box-shadow : 2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset;
margin : 3px 0 4px;
padding : 8px 6px;
width : 270px;
display : block;
}
.box input[type="text"]:focus, .box input[type="password"]:focus, .txtField:focus, .cjComboBox:focus {
border : #f0f7fc solid 6px;
box-shadow : 2px 3px 3px rgba(0, 0, 0, 0.04) inset, 0 0 1px #0d6db6 inset;
color : #333;
}
.cjComboBox {
width : 294px;
}
.cjComboBox.small {
padding : 3px 2px 3px 6px;
width : 100px;
border-width : 3px !important ;
}
.txtField.small {
padding : 3px 6px;
width : 200px;
border-width : 3px !important ;
}
.rLink {
padding : 0 6px 0 0;
font-size : 11px;
float : right;
}
.box.verify a {
border-radius : 15px;
background : #a1d8f0;
border : #7db0cc solid 1px !important ;
cursor : pointer;
padding : 8px 15px;
font : bold 12px/14px Verdana, Tahomma, Geneva;
text-shadow : 0 1px 0 rgba(0, 0, 0, 0.2);
box-shadow : 0 1px 1px rgba(255, 255, 255, 0.6) inset, 0 1px 1px rgba(0, 0, 0, 0.1);
color : #fff;
}
.yes {
float : left;
margin-left : 15%;
}
.no {
float : right;
margin-right : 15%;
}
.box.verify a:hover, .box.verify a:focus, .box.verify a:active {
background : #a1d8f0;
}
.box.verify a:active {
text-shadow : 0 -1px 0 rgba(0, 0, 0, 0.3);
}
.btnLogin {
border-radius : 15px;
background : #a1d8f0;
border : #7db0cc solid 1px !important ;
cursor : pointer;
padding : 11px 16px;
font : bold 12px/14px Verdana, Tahomma, Geneva;
text-shadow : 0 1px 0 rgba(0, 0, 0, 0.2);
color : #fff;
box-shadow : 0 1px 1px rgba(255, 255, 255, 0.6) inset, 0 1px 1px rgba(0, 0, 0, 0.1);
margin-left : 12px;
float : right;
padding : 7px 21px;
}
.btnLogin:hover, .btnLogin:focus, .btnLogin:active {
background : #a1d8f0;
}
.btnLogin:active {
text-shadow : 0 -1px 0 rgba(0, 0, 0, 0.3);
}
.error {
background : #ffc4c4;
border : #C3D4DB solid 1px;
border-top : 1px;
border-radius : 5px;
box-shadow : 0 0 1px rgba(0, 0, 0, 0.15);
font : normal normal 12px/14px Arial, Helvetica, Sans-serif;
margin-left : auto;
margin-right : auto;
display : block;
width : 332px;
margin-top : 10px;
padding : 35px 15px 15px 15px;
text-align : center;
color : black;
line-height : 120%;
letter-spacing : 1px;
}
.error label {
float : left;
margin : -25px 0 0 10px;
color : #83080a;
font : bolder 16px/18px Arial, Helvetica, Sans-serif;
letter-spacing : 3px;
}
.error#hard {
background : #b31e1e;
color : white;
}
.error#hard label {
color : white;
}
.warning {
background : #f7ffc4;
border : #C3D4DB solid 1px;
border-top : 1px;
border-radius : 5px;
box-shadow : 0 0 1px rgba(0, 0, 0, 0.15);
font : normal normal 12px/13px Arial, Helvetica, Sans-serif;
margin-left : auto;
margin-right : auto;
display : block;
width : 332px;
margin-top : 10px;
padding : 35px 15px 15px 15px;
text-align : center;
color : black;
line-height : 120%;
letter-spacing : 1px;
}
.warning label {
float : left;
margin : -25px 0 0 10px;
color : #83080a;
font : bolder 16px/18px Arial, Helvetica, Sans-serif;
letter-spacing : 3px;
}
.warning#hard {
background : #b3b11e;
color : white;
}
.warning#hard label {
color : white;
}
footer#main {
position : fixed;
left : 0;
bottom : 10px;
text-align : center;
font : normal normal 10px/12px Arial, Helvetica, sans-serif;
width : 100%;
}
._blank {
padding : 1%;
margin : 1%;
}